@import 'src/res/theme/xxhz';

.logistics{
    .head{
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin: 20px auto;
      background: white;
        .img-box{
            width: 30%;
            box-sizing: border-box;
            padding: 30px;
            .img{
                width: 100%;
            }
        }
        .info-box{
            width: 100%;
            box-sizing: border-box;
            padding: 20px;
            color: #666;
            font-size: 30px;
            .express-item {
               font-size: 30px;
                font-weight: bold;
              color: #333;
                padding: 5px 0;
                white-space: nowrap;
            }
            .express-number,.express-kefu{
                display: flex;
              font-size: 26px;
              font-weight: normal;
              color: #333;
                align-items: center;
            }
            .tips{
                color: #636363;
                font-size: 18px;
                margin-left: 10px;
                width: 70px;
              height: 36px;
              display: inline-block;
              text-align: center;
              line-height: 36px;
              border-radius: 18px;
              background: #f1f1f1;
            }
        }
    }
    .content-box{
      background: #fff;
        width: 100%;
        box-sizing: border-box;
        padding: 30px;
    }
}
.at-timeline-item{
  padding-bottom: 50px;
}
.at-timeline-item__content-item{
  font-weight: bold;
}
.at-timeline-item__content--sub{
  font-weight: normal;
}
.at-timeline-item__dot{
  background-image: radial-gradient(#ccc 60%, #fff 76%, #fff 100%);
  border:4px solid #fff;
  width: 32px;
  height:32px;
  margin-left: -6px;
}
.at-timeline-item__dot::after{
  border:4px solid #fff;
}
.at-timeline-item:first-child .at-timeline-item__dot{
  background-image: radial-gradient(#ca0000 75%, #fff 76%, #fff 100%);
  border:4px solid #ca0000;
}
.at-timeline-item:first-child .at-timeline-item__dot::after{
  border:6px solid #fff;
}
